<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">


    <ui:composition template="/templates/template.xhtml">
        <ui:define name="pageTitle">Cliente</ui:define>
        <ui:define name="pageHeader">Cadastro de Clientes</ui:define>
        <ui:define name="body">
            <h:form id="edicao">
                <h:messages />
                <h:inputHidden value="#{clienteBean.clienteSelecionado.id}" />
                <h:panelGrid columns="2">
                    <h:outputLabel value="Nome:" />
                    <h:inputText id="nomeCliente" value="#{clienteBean.clienteSelecionado.nome}" required="true" />

                    <h:outputLabel value="CPF:" />
                    <h:inputText value="#{clienteBean.clienteSelecionado.cpf}">
                        <f:validator validatorId="cpf" />
                    </h:inputText>

                    <h:outputLabel value="Endereço:" />
                    <h:inputText value="#{clienteBean.clienteSelecionado.endereco}" />

                    <h:outputLabel value="E-mail:" />
                    <h:inputText value="#{clienteBean.clienteSelecionado.email}" />

                    <h:outputLabel value="Renda:" />
                    <h:inputText value="#{clienteBean.clienteSelecionado.renda}">
                        <f:convertNumber minFractionDigits="2" />
                    </h:inputText>

                </h:panelGrid>

                <h:commandButton value="Salvar" action="#{clienteBean.salvar}"/>
                <h:commandButton value="Novo Cliente" action="#{clienteBean.novo}" />
            </h:form>

            <h:form id="lista">
                <h:dataTable value="#{clienteBean.lista}" var="cliente" border="1" rendered="#{not empty clienteBean.lista}">
                    <f:facet name="header">Listagem de Clientes</f:facet>

                    <h:column>
                        <f:facet name="header">Nome</f:facet>
                            #{cliente.nome}
                    </h:column>

                    <h:column>
                        <f:facet name="header">CPF</f:facet>
                            #{cliente.cpf}
                    </h:column>

                    <!--<h:column>
                            <f:facet name="header">Cadastro</f:facet>
                            <h:outputText value="#{cliente.dataCadastro}">
                                    <f:convertDateTime dateStyle="medium" />
                            </h:outputText>
                    </h:column>-->

                    <h:column>
                        <f:facet name="header">E-mail</f:facet>
                            #{cliente.email}
                    </h:column>

                    <h:column>
                        <f:facet name="header">Endereço</f:facet>
                            #{cliente.endereco}
                    </h:column>

                    <!--<h:column>
                            <f:facet name="header">Renda</f:facet>
                            <h:outputText value="#{cliente.renda}">
                                    <f:convertNumber currencyCode="BRL" type="currency" />
                            </h:outputText>
                    </h:column>-->

                    <h:column>
                        <f:facet name="header">Ações</f:facet>
                        <h:commandLink action="#{clienteBean.excluir}"
                                       onclick="if (!confirm('Deseja realmente exluir o cliente #{cliente.nome}?'))
                                                            return false;">
                            <h:graphicImage library="imagens" name="remove-icon.png" />
                            <f:setPropertyActionListener
                                target="#{clienteBean.clienteSelecionado}" value="#{cliente}" />
                        </h:commandLink>

                        <h:commandLink>
                            <h:graphicImage library="imagens" name="wrench-icon.png" />
                            <f:setPropertyActionListener
                                target="#{clienteBean.clienteSelecionado}" value="#{cliente}" />
                        </h:commandLink>

                    </h:column>

                </h:dataTable>
            </h:form>
        </ui:define>
    </ui:composition>

</html>